<template>
    <div class="header">
        <div class="header-box">
            <div small-bg style="flex:1" :dur="2">
                <dv-decoration8 style="height:100%;" />
            </div>
            <div small-bg class="header-title">
                <dv-decoration-11 style="height:100%;">
                    <div color-green font-600 bg="~ dark/0">
                        设备数据展示大屏
                    </div>
                </dv-decoration-11>
            </div>

            <div small-bg style="flex:1">
                <dv-decoration8 :reverse="true" style="height:100%;" />
            </div>
        </div>
    </div>
</template>
<script setup>

</script>

<style scoped>
.header {
    width: 100%;
    text-align: center;
}

.header-box {
    width: 100%;
    height: 60px;
    display: flex;
    /*  background-color: blueviolet;*/
    /* background: url() no-repeat; */
    background-size: 100% 100%;
}

.header-title {
    flex: 1;
    font-size: 24px;
    line-height: 60px;
    letter-spacing: 3px;
}
</style>